<!-- e-static-testedge11/common/html/templates/questionbank/gradeSubjectChapterCombo_template.html -->
<div class="floatleft marginBottom">
	<label class="bold displayBlock marginBottom5"> Grade </label>
	<select class="select width180" data-bind="options: QPGradeVOArr, optionsText: 'gradeTitle', optionsValue: 'ceGradeId', value: ceGradeId, event: {change: $root.onGradeChange}"></select>
	<!-- <select class="select width180" data-bind="options: QPGradeVOArr, optionsText: 'gradeTitle', optionsValue: 'ceGradeId', value: ceGradeId, event: {change: $root.onGradeChange}, optionsCaption: 'Select a Grade'"></select> -->
</div>
<div class="floatleft marginLeft">
	<label class="bold displayBlock marginBottom5"> Subject </label>
	<!-- <select class="select width180" data-bind="options: QPSubjectVOArr, optionsText: 'title', optionsValue: 'subuid', value: subuid, event: {change: $root.onSubjectChange}, optionsCaption: 'Select a Subject'"></select> -->
	<select class="select width180" data-bind="options: QPSubjectVOArr, optionsText: 'title', optionsValue: 'subuid', value: subuid, event: {change: $root.onSubjectChange}"></select>
</div>
<div class="floatleft marginLeft">
	<label class="bold displayBlock marginBottom5"> Chapters </label>
	<!-- <select class="select width180" data-bind="options: $root.QPChapterVOArr, optionsText: 'chapterTitle', optionsValue: 'chapterId', value: chapterId, event: {change: $root.onChapterChange}, optionsCaption: 'Select a Chapter'"></select> -->
	<select class="select width180" data-bind="options: $root.QPChapterVOArr, optionsText: 'chapterTitle', optionsValue: 'chapterId', value: chapterId, event: {change: $root.onChapterChange}"></select>
</div>

